// 引入path模块
const path = require('path');

function resolve(dir) {
    // path.join(__dirname)设置绝对路径
    return path.join(__dirname, dir)
}
module.exports = {
    // publicPath: './', // 打包后的位置(如果不设置这个静态资源会报404)
    // outputDir: 'dist', // 打包后的目录名称
    // assetsDir: 'assets', // 静态资源目录名称
    // indexPath: "index.html", // 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径。
    devServer: {
        open: false, // npm run serve后自动打开页面
        host: '0.0.0.0', // 匹配本机IP地址(默认是0.0.0.0)
        port: 8080, // 开发服务器运行端口号
        hotOnly: true, // 热更新
        /* overlay: { // 让浏览器 overlay 同时显示警告和错误
            warnings: true,
            errors: true
        }, */
        proxy: {
            '/api': {
                target: 'http://localhost:8080',
                pathRewrite: {
                    '^/api': '/mock'
                }
            }
        },
    },
    chainWebpack(config) {
        config.resolve.alias
            .set('@', resolve('./src'))
            .set('$components', resolve('./src/components'))
            .set('$views', resolve('./src/views'))
            .set('$api', resolve('./src/api'))
            .set('$store', resolve('./src/store'))
            .set('$js', resolve('./src/assets/js'))
            .set('$style', resolve('./src/assets/style'));
        //set第一个参数：设置的别名，第二个参数：设置的路径
    }
}
